// import React, { Component } from 'react';
// import {
//     View,
//     StyleSheet,
// } from 'react-native';
// import { Calendar, LocalConfig } from 'iftide';

// LocalConfig.locales['fr'] = {
//     monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
//     monthNamesShort: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
//     dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
//     dayNamesShort: ['日', '一', '二', '三', '四', '五', '六']
// };
// LocalConfig.defaultLocale = 'fr';
// export default class Demo1 extends Component {
//     constructor(props) {
//         super(props);
//         this.state = {};
//         this.onDayPress = this.onDayPress.bind(this);
//     }

//     render() {
//         return (
//             <View style={styles.container}>
//                 <Calendar
//                     current={this.state.selected}
//                     onDayPress={this.onDayPress}
//                     minDate={'2018-01-30'}
//                     maxDate={'2018-09-30'}
//                     markedDates={{
//                         '2018-07-01': { marked: true },
//                         '2018-07-02': { disabled: true },
//                         '2018-07-03': { marked: true, dotColor: 'red' },
//                         '2018-07-04': { selected: true },
//                         '2018-07-05': { selected: true },
//                         [this.state.selected]: { selected: true }
//                     }}
//                     workShiftDates={{
//                         '2018-07-18': { workShift: true, text: '白', color: 'red' },
//                         '2018-07-19': { workShift: true, text: '白', color: 'red' },
//                         '2018-07-21': { workShift: true, text: '中', color: 'green' },
//                         '2018-07-22': { workShift: true, text: '晚', color: 'blue' },
//                     }}
//                 />
//             </View>
//         );
//     }

//     onDayPress(day) {
//         this.setState({
//             selected: day.dateString
//         });
//     }
// }

// const styles = StyleSheet.create({
//     calendar: {
//         borderTopWidth: 1,
//         paddingTop: 5,
//         borderBottomWidth: 1,
//         borderColor: '#eee',
//         height: 350,
//     },
//     text: {
//         textAlign: 'center',
//         borderColor: '#bbb',
//         padding: 10,
//         backgroundColor: '#eee'
//     },
//     container: {
//         flex: 1,
//         backgroundColor: 'gray'
//     }
// });


import React, { Component } from 'react';
import {Calendar} from 'iftide';
import {
    View
} from 'react-native';
export default class ActionSheet_Demo extends Component{
    constructor(){
        super()
        this.state={
            selectData:"2022-03-07",
            isSelectedType:true
        }
        this.unhidenBackground=this.unhidenBackground.bind(this)
    }

    unhidenBackground(){
       this.setState({
        isSelectedType:false
       })
    }
    render(){
      
        return(
            
            <View style={{
                flex: 1,
                backgroundColor: 'gray'
            }}>
                  <Calendar
                    theme={{
                        selectedDayBackgroundColor:'#d00f20',
                        selectDayTextColor:'#fff'
                    }}
                    isMonthView ={true}
                    onDayPress={data =>{
                        this.setState({
                            selectData :data.dateString,
                            isSelectedType:true
                        })
                    } }
                    hideViewToggle={true}
                    markedDates={{                        
                        [this.state.selectData]: { selected: this.state.isSelectedType }
                    }}
                    weekendsObv ={true}
                    current={this.state.aaa}
                    unhidenBackground={this.unhidenBackground}
                />
            </View>
        )
    }
}